<template>
  <div class="app-right-item">
    <subheadings name="活动时代" />
    <ActivityEra @checkType="changeType"></ActivityEra>
  </div>
  <div class="app-right-item">
    <subheadings :name="`${provinceName}不同活动时代数量统计（条）`" />
    <NumEcharts />
  </div>
  <div class="app-right-item">
    <subheadings :name="`${provinceName}不同活动时代占比统计`" />
    <PropEcharts />
  </div>
</template>
<script setup>
import ActivityEra from './activityEra.vue';
import NumEcharts from './numEcharts.vue';
import PropEcharts from './propEcharts.vue';
const route = useRoute();
const { provinceName } = route.query;
const emit = defineEmits(['changeType']);
const changeType = (data) => {
  emit('changeType', data);
};
</script>
